.dispatchContainer {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dispatchContainerDropdownMore {
    max-height: 300px;
    overflow: auto
}

.dispatchContainerDropdownMore::-webkit-scrollbar { /*滚动条整体样式*/
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    scrollbar-arrow-color: #dadada;
}

.dispatchContainerDropdownMore::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    scrollbar-arrow-color: #dadada;
}

.dispatchContainerDropdownMore::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.el-menu {
    height: 420px;
}

.el-aside {
    height: 420px;
}

.upContainer {
    /*height: 600px;*/
    height: 50%;
    background-color: #DADADA;
}


.downContainer {
    /*height: 400px;*/
    height: 100%;
    width: 100%;
    background-color: #9acd32;
}

/*-------------调度页table切换开始--------------------*/
.matrixBox {
    max-width: 1800px;
    /*min-height: 680px;*/
    margin-left: 20px;
}

.tableDataContainer {
    float: left;
    width: 264px;
    height: 105px;
    background-color: #F1F1F1;
    position: relative;
    margin: 5px;
    border-radius: 10px;
    cursor: pointer;
}


.data-controller {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}


.tableDataContainer-page {
    display: flex;
    width: 264px;
    height: 105px;
    background-color: #DADADA;
    position: absolute;
    /*right: 6.5%;*/
    /*top: 66%;*/
    top: 550px;
    right: 0.5%;
    margin: 5px;
    border-radius: 10px;
    z-index: 999;
}

.tableDataContainer-page-home {
    display: flex;
    width: 264px;
    height: 105px;
    background-color: #DADADA;
    position: absolute;
    top: 500px;
    /*top: 39.4%;*/
    right: 0.5%;
    margin: 5px;
    border-radius: 10px;
    z-index: 999;
}

.el-tabs__content {
    /*width: 1460px !important;!*当前1460小分辨率适应*!*/
}

.data-page {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.three-123-page {
    display: flex;
    height: 100%;
}

.page-one {
    width: 80px;
    height: 100%;
    background-color: #F1F1F1;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

.page-bgchover:hover {
    background-color: rgba(232, 232, 232, 0.73);
}

.page-two {
    width: 90px;
    height: 100%;
    background-color: #F1F1F1;
    border-radius: 5px;
    position: relative;
    margin: 0 5px;
}

.center-pages {
    font-size: 40px;
    font-weight: bold;
    color: #6F6F6F;
}

.page-three {
    width: 80px;
    height: 100%;
    background-color: #F1F1F1;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

.last-page {
    font-size: 40px;
    font-weight: bold;
    color: #6F6F6F;
    cursor: pointer;
}

.next-page {
    font-size: 40px;
    font-weight: bold;
    color: #6F6F6F;
    cursor: pointer;
}

.page123-controller {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

/*-------------调度页table切换结束--------------------*/
/*-------------对讲和调度公共区域开始--------------------*/
/*定位区域*/
.Phone-message-area {
    /* position: absolute;
     left: auto;
     top: 60%;*/
    /*height: 400px;*/
    height: 40%;
    width: 100%;
    background-color: #DADADA;
    z-index: 99999;
}

/*第一部分*/
.Phone-message-area-top {
    /*height: 14%;*/
    /*height: 67px;*/
    width: 100%;
    /*background-color: #DADADA;*/
    /*background-color: #f34d4d;*/

}

.Phone-message-area-controller {
    display: flex;
    flex-direction: row;
    line-height: 45px;
}

.Phone-message-area-top-first {
    display: flex;
    width: 17%;
    margin-left: 1%;
}

.Phone-message-area-top-two {
    display: flex;
    width: 50%;
    margin-left: 1%;
}

.Phone-message-area-top-three {
    display: flex;
    width: 20%;
}

/*第二部分*/
.Phone-message-area-center {
    height: 28%;
    width: 100%;
    background-color: #4b2020;
margin:0 12px;

}

.Phone-message-area-center-controller {
    display: flex;;
    flex-direction: row;
    background-color: #DADADA;
}

.Phone-message-area-left {
    width: 336px;
    height: 123px;
    background: #F1F1F1;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
}

.zhj-hz {
    height: 120px;
    width: 300px;
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    background-color: #F1F1F1;
    position: relative;
}

/*话机合子*/
/*话机图片*/
.phone-IMG {
    /*   margin-left: 46px;
       margin-top: 44px;*/
    position: absolute;
    top: 50%;
    left: 26px;
    transform: translateY(-50%);
}

.jwwx-item {
    /*margin-left: 5%;*/
    /*margin-top: 15%;*/
    position: absolute;
    /*top: 50%;*/
    left: 30%;
}


.textLeft01 {
    font-family: SourceHanSansCN;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #454545;
    position: absolute;
    top: 10%;
    left: 10%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;

}

.textLeft02 {
    font-family: SourceHanSansCN;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #454545;
    position: absolute;
    top: 25%;
    left: 10%;
}

.jwwx-itemBox {
    position: relative;
    height: 200px;
    width: 300px;
    /*background-color: #d72121;*/
}

.thzStyle {
    position: absolute;
    top: 42%;
    left: 16%;
    font-family: SourceHanSansCN;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;

    color: #454545;

}

.huajiText {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #454545;
}

.marker {
    /*  margin-top: 5%;
      margin-left: 10%;*/
    margin: 5% 10% 0 10%;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 78px;
    left: 1%;
}


.Phone-message-area-zhong {
    width: 900px;
    height: 123px;
    background: #F1F1F1;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    position: relative;
    margin-left: 10px;
}

/*紧急号码悬浮框*/
.ISemergencyNumberTipB0x {
    width: 180px;
    height: 40px;
    background-color: #939191;
    position: absolute;
    top: -45%;
    z-index: 9999;
}

/*紧急号码悬浮框*/
.NOTemergencyNumberTipB0x {
    width: 180px;
    height: 40px;
    background-color: #F1F1F1;
    position: absolute;
    top: -45%;
    z-index: 9999;
    display: none;
}

.emergencyNumberTip-container {
    width: 180px;
    height: 40px;
    position: relative;
    display: flex;
}

.emergencyNumberTip-detail {
    text-align: left;
    align-items: center;
    line-height: 30px;
    color: #ffffff;
    font-family: SourceHanSansCN;
    margin: 1px 5px;
    font-size: 18px;
}

.emergencyNumberTip-shoutDown {
    text-align: right;
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 26px;
    cursor: pointer;
    color: #ffffff;
    margin: 1px;
}

.emergencyNumberTip-shoutDown:hover {
    color: #e32f2f !important;
}

.emergencyNumberTip-shoutDown:hover {
    text-align: right;
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 26px;
    cursor: pointer;
    color: #F1F1F1;
}

.child-ldqhz-controller {

    /*justify-content: space-around;*/
    position: absolute;
    top: 50%;
    /*left: 21px;*/
    transform: translateY(-50%);
}

.child-ldqhz-container {
    display: flex;
    /*flex-direction: row;*/
    /*justify-content: space-around;*/
}

.ldq-hezBox-controller {
    width: 254px;
    text-align: center;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ldq-hezBox {
    display: flex;
    margin-left: 13px;
    width: 254px;
    height: 92px;
    color: #3A3D62;
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    position: relative;
    background-color: #DADADA;
    padding: 5px;
}


.ldq-hez2 {
    height: 80px;
    width: 250px;
    display: flex;
    margin-left: 5%;
    background-color: #DADADA;
    border-radius: 5px;
}

.ldq-hez3 {
    height: 80px;
    width: 250px;
    display: flex;
    margin-left: 5%;
    background-color: #DADADA;
    border-radius: 5px;
}

.ldq-hezMore {
    display: flex;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    width: 75px;
    height: 92px;
    background: #DADADA;
    border: 1px solid #C0C0C0;
    border-radius: 10px;
}

.more-point {
    /*    display: flex;
        flex-direction: column;
        width: 10px;
        margin: 0 auto;
        line-height: 20px;
        font-size: 30px;
        font-weight: bold;
        color: #404996;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.onecn {

    width: 5px;
    margin: 0 auto;
    line-height: 5px;
}

.Phone-message-area-right {
    margin-left: 10px;
    width: 636px;
    height: 123px;
    background: #F1F1F1;
    border: 1px solid #D2D2D2;
    border-radius: 2px;

}

.ldbcq-hz {
    position: relative;
}

.right-ldqhz-controller {
    position: absolute;
    top: 60px;
    left: 0px;
    transform: translateY(-50%);
}

.right-child-ldqhz-controller {
    /*margin-top: 10%;*/

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.right-hez1 {
    height: 80px;
    width: 240px;
    display: flex;
    margin-left: 2%;
    background-color: #DADADA;
    border-radius: 5px;
}

.right-hez2 {
    height: 80px;
    width: 240px;
    display: flex;
    margin-left: 2%;
    background-color: #DADADA;
    border-radius: 5px;
}

.right-hezMore {
    display: flex;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    width: 75px;
    height: 92px;
    background: #DADADA;
    border: 1px solid #C0C0C0;
    border-radius: 10px;

}


/*第三部分*/
.Phone-message-area-down {
    /*height: 100%;*/
    /*height: 330px;*/
    height: 290px;
    width: 100%;
    background-color: #DADADA;
    display: flex;
    /*flex-direction: row;*/
    position: relative;
    margin: 0 6px;
}

.Phone-message-area-down-threecontainer {
    width: 1035px;
    height: 280px;
    background: #F1F1F1;
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    position: absolute;
    /*left: 30%;*/
}

.Phone-message-area-down-threecontainer-up {
    /*width: 1061px;*/
    width: 100%;
    height: 46px;
    background: #DADADA;
    /*border: 1px solid #BCBCBC;*/
    border-radius: 10px 10px 0px 0px;
    display: flex;
    position: relative;
    line-height: 46px;
}

.con01 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #666666;
    position: absolute;
    left: 0px;
    width: 80px;
    /*background-color: #956f1b;*/
    text-align: center;
}

.con02 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #666666;
    position: absolute;
    left: 88px;
    width: 210px;
    /*background-color: #23aa8a;*/
    text-align: center;
}

.con03 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #666666;
    position: absolute;
    left: 305px;
    width: 200px;
    /*background-color: #a80f75;*/
    text-align: center;
}

.con04 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #666666;
    position: absolute;
    left: 510px;
    width: 200px;
    /*background-color: #245793;*/
    text-align: center;
}

.con05 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #666666;
    position: absolute;
    /*top: 9px;*/
    left: 715px;
    width: 120px;
    /*background-color: #ad0ca6;*/
    text-align: center;
}

.con06 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #666666;
    position: absolute;
    /*top: 50%;
    transform: translateY(-50%);*/
    right: 0px;
    width: 190px;
    /*background-color: #0c5e93;*/
    text-align: center;
}

.tenBtn {
    font-size: 20px;
}

.Phone-message-area-down-threecontainer-dataBox {
    width: 1032px;
    height: 232px;
    overflow-y: hidden;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 0.052083rem 0.052083rem;
}

.Phone-message-area-down-threecontainer-dataBoxNoDatas {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
}

.Phone-callIsHandled {
    color: #666666;
}

.Phone-callIsHandled-no {
    color: #dc4f4f;
    height: 48px;
    width: 100%;
    /*background-color: #fff;*/
    position: relative;
    /*border: 1px solid #BCBCBC;*/
    /*color: #3A46BC;*/
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 48px;
}

.Phone-callIsHandled-no-emergencyNumber {
    color: #ffffff;
    height: 48px;
    width: 100%;
    /*background-color: #fff;*/
    background-color: #dc4f4f;
    position: relative;
    /*border: 1px solid #BCBCBC;*/
    /*color: #3A46BC;*/
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 48px;

}
.Phone-callIsHandled-no-emergencyNumber:hover{
    background-color: #DADADA;
}
.Phone-message-emergencyNumbertypephone {
    height: 48px;
    width: 100%;
    background-color: #dc4f4f;
    position: relative;
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #ffffff;
    line-height: 48px;
}


.Phone-message-area-down-threecontainer-dataBoxItem {
    height: 48px;
    width: 100%;
    background-color: #fff;
    position: relative;
    font-size: 18px;
    font-family: SourceHanSansCN;
    color: #666666;
    line-height: 48px;
}

.choosePhone-message-area-down-threecontainer-dataBoxItem {
    height: 48px;
    width: 100%;
    background-color: #fff;
    position: relative;
    /*border: 1px solid #BCBCBC;*/
    /*color: #3A46BC;*/
    font-size: 18px;
    font-family: SourceHanSansCN;
    line-height: 48px;

}

.Phone-message-area-down-threecontainer-dataBoxItem:hover {
    height: 48px;
    width: 100%;
    background-color: #DADADA;
    position: relative;
    font-size: 18px;
    font-family: SourceHanSansCN;
    color: #3A46BC;
    line-height: 48px;

}

.Phone-message-area-down-threecontainer-dataBoxItem:hover {
    background-color: #DADADA;
    color: #3A46BC !important;
}

.Phone-callIsHandled-no:hover {
    background-color: #DADADA;
}

.data01 {
    position: absolute;
    left: 0px;
    width: 80px;
    /*background-color: #956f1b;*/
    text-align: center;
}

.data02 {
    position: absolute;
    left: 88px;
    width: 210px;
    /*background-color: #23aa8a;*/
    text-align: center;
}

.data03 {
    position: absolute;
    left: 305px;
    text-overflow: ellipsis;
    width: 200px;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
    /*background-color: #23aa8a;*/
    text-align: center;
}

.data04 {
    position: absolute;
    left: 510px;
    width: 200px;
    /*background-color: #23aa8a;*/
    text-align: center;
}

.data05 {
    position: absolute;
    left: 715px;
    width: 120px;
    text-align: center;
}

.data06 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    width: 190px;
    text-align: center;
}

.Phone-message-area-down-controller {
    display: flex;
    /*flex-direction: row;*/
}

.Phone-message-area-down-left {
    width: 100%;
    height: 56%;
    background-color: #DADADA;
    display: flex;
    /*flex-direction: row;*/

}

.btnBigContainerLeft {
    display: flex;
    width: 100%;
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    background-color: #DADADA;
}

.Phone-message-area-down-one {
    /*width: 60%;*/
    width: 800px;
    background-color: #DADADA;
    position: absolute;
    /*left: 10px;*/
    top: 4.5px;
}

.Phone-message-area-down-two {
    position: absolute;
    /*left: 38%;*/
    left: 705px;
    top: 10px;
    width: 148px;
    /*height: 290px;*/
    background: #F1F1F1;
    /*border: 1px solid #C2C2C2;*/
    border-radius: 0px 10px 20px 0px !important;
}

@media (max-width: 1366px) {
    .Phone-message-area-down-one {
        /*width: 60%;*/
        width: 800px;
        background-color: #DADADA;
        position: absolute;
        /*left: 10px;*/
        top: 5px;
    }

    .Phone-message-area-down-two {
        position: absolute;
        /*left: 38%;*/
        left: 705px;
        top: 8px;
        width: 120px;
        height: 227px;
        background: #F1F1F1;
        border: 1px solid #C2C2C2;
        border-radius: 0px 10px 10px 1px;
    }
}

.Phone-message-area-down-three {
    width: 1000px;
    height: 100%;
    /*background-color: #a37c7c;*/
    position: absolute;
    /*left: 48%;*/
    top: 10px;
    left: 865px;
    /*right: 0;*/
}

.phoneBtnBOX {
    flex-wrap: wrap;
    display: flex;
}

.phoneBtn {
    /*height: 100px;*/
    /*width: 135px;*/
    margin: 5px;
    cursor: pointer;
    background-color: #F1F1F1;
    position: relative;
    width: 165px;
    height: 136px;
    /*background: #3A46BC;*/
    border: 1px solid #C2C2C2;
}

.up-fore {
    display: flex;
}

.down-fore {
    display: flex;
}

.searchHistoryCallForm {
    float: left;
    /*height: 100%;*/
    height: 120px;
    width: 160px;
    margin: 20px;
    cursor: pointer;
    background-color: #F1F1F1;
    position: relative;
}

.searchHistoryCallFormRight {
    position: relative;
    height: 240px;
    width: 150px;
    background-color: #F1F1F1;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
}

.phoneBtnRight {
    position: relative;
    height: 280px;
    width: 148px;
    background-color: #F1F1F1;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
    border: 1px solid #C2C2C2;
}

.rightMoreBtn {
    /*line-height: 240px;*/
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.iconAndPhone {
    display: flex;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    line-height: 50px;
    text-align: center;
}

.child-iconAndPhone {
    /*align-items: center;*/
    width: 165px;
    /*margin-left: -3%;*/
    display: inline-block;
    position: relative;

}

.child-iconAndPhoneImg {
    height: 50px;
    width: 50px;
    text-align: center;
    display: inline-block;

}

.child-iconAndPhone3Img {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.child-iconAndPhone3Imgzj {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.child-iconAndPhone4Img {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.phone-ImgBox {
    width: 86px;
    height: 86px;

}

.child-iconAndPhone-text {
    width: 165px;
    font-family: SourceHanSansCN;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    word-break: keep-all;
    color: #666666;
    margin-top: 15px;
    /*text-align: center;*/
    position: relative;
    font-weight: bold;
}

.mainCtl4 {
    text-align: center;
    /*transform: translateX(20%);*/
}

.mainCtl2 {
    /*margin-left: 4px;*/
    text-align: center;
    /*  position: absolute;
      top: 19px;*/
}

.gutter {
    background-color: #DADADA !important;
}

.Phone-message-area-down-right {
    height: 56%;
    width: 100%;
    background-color: #DADADA;
}

.table-data-container {
    height: 85%;
    margin-top: 2%;
    border-radius: 10px;
    border: solid 1px #bcbcbc;
    overflow: hidden;
    font-family: SourceHanSansCN;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;

}

.table-data-container-datas {
    border-radius: 0 10px 50px 0;
}

/*-------------对讲和调度公共区域结束--------------------*/
/*调度弹框修改*/
.lastTenHistoryCalldialogDetailCall {
    /*   width: 120px;
       height: 50px;*/
    background: #424A96;
    border: 1px solid #CCCCCC;

    /* font-size: 20px;
 font-family: SourceHanSansCN;
     font-weight: 400;*/
    color: #FFFFFF;
}

.lastTenHistoryCalldialogDetailCall:hover {
    background: #424A96;
    border-color: #0ABBF9;
    color: #FFFFFF;
}

.lastTenHistoryCalldialogDetailCall:focus {
    background: #424A96;
    border-color: #0ABBF9;
    color: #FFFFFF;
}

/*调度弹框修改*/


/*通讯录新增终端类型图标开始*/
.subTypeImgtroller {
    position: absolute;
    right: 5px;
    top: 5px;
}

.subTypeImgtrollerImg {
    height: 25px;
    width: 20px;
}

/*通讯录新增终端类型图标结束*/
